<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--http://tympanus.net/codrops/2010/05/14/sliding-panel-photo-wall-gallery-with-jquery/-->
<html>
<head>
<title>Sliding Panel Photowall Gallery with jQuery</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta name="description" content="Sliding Panel Photowall Gallery with jQuery"/>
<meta name="keywords" content="jquery, images, gallery, photowall, slideshow"/>
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen"/>

<script type="text/javascript" src="js/jquery-1.7.2.js"></script>
<script type="text/javascript" src="js/photto.js"></script>
<script type="text/javascript">
$().ready(function() {

    $('#thumbsWrapper').flickr({
        api_key: 'a22b1a90b000578e1854ebdb3a3b5ba7',
        photoset_id: '72157603505606537',
        callback: Photto.makeGallery
    });
});
</script>

</head>
<style>
    a {
        color: #fff;
        text-decoration: none;
    }

    a:hover {
        text-decoration: underline;
    }

    span.reference {
        position: fixed;
        left: 30px;
        right: auto;
        bottom: 0px;
        font-size: 9px;
    }

    span.reference a {
        color: #aaa;
    }

    span.reference a:hover {
        color: #ddd;
        text-decoration: none;
    }

</style>
<body>
<div class="infobar">
    <span id="description"></span>
    <span id="loading">Loading Image</span>
            <span class="reference">
                <a href="http://tympanus.net/codrops/2010/05/14/sliding-panel-photo-wall-gallery-with-jquery">©
                    Codrops</a>
            </span>
</div>
<div id="galleries">
    <div id="galleriesContent">
    </div>
</div>
<div id="thumbsWrapper">
    <div id="content">
    </div>
</div>
<div id="panel">
    <div id="wrapper">
        <a id="prev"></a>
        <a id="next"></a>
    </div>
</div>
<!-- The JavaScript -->
<!--<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>-->
<script type="text/javascript">
</script>
</body>
</html>